<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		onError(e) {
		  console.log(e)
		}

	}
</script>

<style lang="scss">
/*每个页面公共css */
@import '@/uni_modules/uni-scss/index.scss';
/* #ifndef APP-NVUE */
@import '@/static/customicons.css';
@import "@/static/iconfont.css";
// 设置整个项目的背景色
page {
	background-color: #FFFFFF;
	color: #333;
}
.pb{padding-bottom: 80px;}
.p15{padding: 15px;}
.p0-15{padding: 0px 15px;}
.p15-0{padding: 15px 0px;}
.p15-8{padding: 15px 8px;}
.p4{padding: 4px;}
.p8{padding: 8px;}
.p10{padding: 10px;}
.p10-0{padding: 10px 0px;}
.p0-8{padding: 0px 8px;}
.p8-0{padding: 8px 0px;}
.pt8{padding-top: 8px;}
.pt10{padding-top: 10px;}
.pt12{padding-top: 12px;}
.pl8{padding-left: 8px;}
.pl10{padding-left: 10px;}
.pl12{padding-left: 12px;}
.p0-15-15-15{padding: 0px 15px 15px 15px;}
.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mr15{margin-right: 15px;}
.ml15{margin-left: 15px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.mr8{margin-right: 8px;}
.ml8{margin-left: 8px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.fz06rem{font-size: 0.6rem;}
.fz07rem{font-size: 0.7rem;}
.fz08rem{font-size: 0.8rem;}
.fz09rem{font-size: 0.9rem;}
.fz11rem{font-size: 1.1rem;}
.fz12rem{font-size: 1.2rem;}
.fz13rem{font-size: 1.3rem;}
.fz14rem{font-size: 1.4rem;}
.fz15rem{font-size: 1.5rem;}
.fz16rem{font-size: 1.6rem;}
.fw6{font-weight: 600;}
.fw8{font-weight: 800;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.title{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line-clamp1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line-clamp2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line-clamp3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.text-selected{color: #333;}
.text-unselected{color: #6b6b6b;}

.image{width: 100%;}
.grid2{display: grid;grid-template-columns: 50% 50%;}
.decoration{ width: 6px; height: 6px; margin-right: 4px; border-radius: 50%;background-color: #FFD101;}
.default-content{padding-bottom: 120px;}
.fixed-bottom{position: fixed;bottom: 0px;width: 100%;color: #666;background-color: #FFF;z-index: 999;padding: 12px 0px;}
.fixed-right{
	position: fixed; right: 0; top: 300px; width: 40px; padding: 5px; background: #FFFFFF;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	border-radius: 5px 0px 0px 5px;
	display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; font-size: 12px;
}
.fixed-right image{width: 30rpx;}
.lines{border-top: 1px solid #000;}
.line_ccc{border-top: 1px solid #CCC;}
.default-button{background-color: #FFD101 !important;color: #333 !important;border: 1px solid #FFD101 !important;}
.default-button-push{background-color: #FFD101 !important;color: #333 !important;border: 1px solid #FFD101 !important;height: 40px;line-height: 40px;font-size: 14px;}
.view-line{height: 8px;width: 100%;background-color: #EEE;}
.cart{position: fixed;bottom: 120px;width: 100%;text-align: right;padding-right: 15px;}
.cart image{width: 40px;}
.head-image40{height: 40px;width: 40px;border-radius: 40px;}
.head-image50{height: 50px;width: 50px;border-radius: 50px;}
.head-image60{height: 60px;width: 60px;border-radius: 60px;}
.divider{border-bottom: .5px solid #EEE;z-index: 1;width: 100%;position: relative;}
.red{color: red;}

.tabs_{background-color: #FFD101; color: #333 ;border: 1px solid #FFD101;border-radius: 5px;text-align: center;font-size: 12px;line-height: 36px;width: 77px;}
.tabs{background-color: #F5F5F5; color: #333 ;border: 1px solid #F5F5F5;border-radius: 5px;text-align: center;font-size: 12px;line-height: 36px;width: 77px;}

.uni-searchbar__box{border: 1px solid #FFD101;border-radius: 18px;background-color: #FFF;}
.search-nav{display: grid;grid-template-columns: auto 60px;}
.searchBtn{height: 36px; line-height: 36px;padding: 6px 8px;background-color: #FFD101;color: #333;border: 1px solid #FFD101;border-radius: 8px;}

/* #endif */
.example-info {
	font-size: 14px;
	color: #333;
	padding: 10px;
}

.scroll-view_H { white-space: nowrap; width: 100%; }
.scroll-view-item_H { display: inline-block;text-align: center;padding: 12rpx 15rpx 12px 0px;}

.overflow-y{height: 500px;overflow-y: auto;}
</style>
